@media(max-width:1540px){
    .w1440{
        width: 96%;
    }
}

@media(max-width:1440px){
    .w1200{
        width: 94%;
    }

    .w1440{
        width: 100%;
    }
}

@media(max-width:1240px){
    header .nav li{
        padding: 0 15px;
    }
}

@media(max-width:1100px){
    .logo span{
        font-size: 24px;
    }

    footer ul{
        display: none;
    }
}

@media(max-width:1023px){
    
    header{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
    }

    header .nav{
        display: none;
        position: fixed;
        float: inherit;
        top: 120px;
        right: 3%;
        padding: 10px 3px;
        width: 160px;
        background: #016247;
        border-radius: 10px;
        z-index: 9999;
    }

    header .nav li{
        float: inherit;
        text-align: center;
        border-bottom: 1px dashed #333;
    }
    
    header .nav li.cur{
        font-weight: bold;
        border-bottom: 1px dashed #ee7d07;
    }

    header .nav li a{
        display: block;
        width: 100%;
        line-height: 200%;
    }

    header .nav li a:hover:after,header .nav li.cur a:after{
        width: 0;
    }

    .nav_show{
        display: block;
        position: fixed;
        right: 3%;
        top: 27px;
    }

    .nav_hide{
        position: fixed;
        top: 120px;
        right: 200px;
        z-index: 9999;
    }

    .banner{
        padding-top: 90px;
    }

    .nav.hidden,
    .nav_mask.hidden,
    .nav_hide.hidden{
        display: block;
    }

    .c_tit h2{
        text-align: center;
    }

    .c_tit span{
        margin: 0 auto;
        text-align: center;
    }

    .flex{
        flex-direction: column;
    }

    .flex .info{
        width: 100%;
        padding: 0;
    }

    .flex .pic{
        width: 100%;
    }

    .index_content1{
        position: relative;
        padding: 30px 0 80px;
    }

    .index_content1 .c_more{
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translate(-50%,0);
    }


    .inner_banner{
        padding-top: 90px;
    }

    /* news_show */

    .news_show{
        padding-top: 90px;
    }
}





@media(max-width:768px){
    header{
        height: 44px;
    }

    .logo{
        position: relative;
        width: 100%;
        text-align: center;
    }

    .logo a{
        display: block;
        width: 100%;
    }

    .logo span{
        margin: 0;
        line-height: 44px;
        font-size: 18px;
    }

    .logo img{
        position: absolute;
        left: 0;
        width: auto;
        height: 26px;
        margin-top: 9px;
    }

    .nav_show{
        top: 10px;
    }

    .nav_show img{
        height: 24px;
    }

    header .nav{
        top: 60px;
    }

    .nav_hide{
        top: 60px;
    }

    .banner{
        padding-top: 44px;
    }

    .banner_pc{
        display: none;
    }

    .banner_m{
        display: block;
    }

    .inner_banner .inner_banner_pc{
        display: none;
    }

    .inner_banner .inner_banner_m{
        display: block;
    }

    .c_tit h2{
        font-size: 18px;
    }

    .c_tit span{
        font-size: 14px;
    }

    .index_content2 .c_tit{
        margin-bottom: 20px;
    }

    .index_content2{
        padding: 30px 0 0; 
        background: url(../images/pro_bg_m.jpg) no-repeat top center;
        background-size: 100% 180px;
    }

    .index_content2 .c_tit span{
        font-size: 14px;
    }

    .pro{
        padding: 0;
    }
    
    .pro .c_more{
        margin-top: 20px;
    }

    .pro-container .swiper-slide.swiper-slide-active .info{
        opacity: 1;
    }


    .pro-container .col .hide .info h2{
        font-size: 16px;
    }

    .pro-container .col .hide .info p{
        line-height: 21px;
    }

    .pro-container .col .hide .info span{
        margin-top: 5%;
        line-height: 32px;
        font-size: 14px;
    }

    .pro-container .col .hide{
        height: 100%;
    }

    .pro-container .col .bot{
        display: none;
    }

    .index_content3{
        padding: 30px 0;
    }

    .index_content3 .news{
        margin: 30px 0 0;
    }

    .news-container{
        padding: 20px 0;
    }

    .news-container .swiper-slide{
        transform: scale(0.8);
    }    

    .news-container .swiper-slide.swiper-slide-active{
        transform: scale(1.1);
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    }

    .news-container .col .info{
        padding: 10px;
    }

    .news-container .col .info p{
        margin-top: 10px;
        margin-bottom: 10px;
        min-height:72px;
        -webkit-line-clamp: 3;
    }

    .index_content4{
        padding: 20px 0;
        height: auto;
        background-size: cover;
    }

    .index_content4 .left{
        width: 100%;
    }

    .index_content4 .left .c_tit{
        margin: 0;
    }
    
    .index_content4 .left .c_tit h2{
        text-align: left;
    }

    .index_content4 .left .c_tit span{
        margin: 0;
        text-align: left;
    }

    .index_content4 .left .info{
        margin-top: 30px;
    }

    .index_content4 .left .info span{
        font-size: 16px;
        line-height: 24px;
    }

    .index_content4 .left .info p{
        margin-top: 10px;
        line-height: 24px;
    }

    .index_content4 .right{
        width: 100%;
    }

    footer .code{
        float: right;
    }

    footer .info{
        float: left;
    }

    .copyright p{
        font-size: 14px;
    }


    /* inner */

    .inner_banner{
        padding-top: 44px;
    }

    /* about */

    .culture .info p{
        text-align: left;
    }

    .culture .swiper-pagination-bullet,
    .quality_content3 .swiper-pagination-bullet{
        opacity: 1;
        background: #959595;
    }

    .culture .swiper-pagination-bullet.swiper-pagination-bullet-active{
        background: #fff;
    }

    .quality_content3 .swiper-pagination-bullet.swiper-pagination-bullet-active{
        background: #016247;
    }

    /* product */

    .product{
        position: relative;
        padding-top: 70px;
    }

    .product .aside{
        float: inherit;
        margin: 20px 0;
        width: 100%;
    }

    .product .aside .tit{
        font-size: 18px;
        line-height: 36px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px; 
    }

    .aside_nav{
        padding: 10px 0;
    }

    .aside_nav li{
        float: left;
        width: calc(100% / 3);
        padding: 0;
    }

    .aside_nav li a{
        padding: 0 0 0 30px;
        font-size: 14px;
    }
    
    .aside_nav li.cur a{
        font-size: 16px;
    }

    .aside_nav li a:before{
        left: 10px;
    }

    .aside_right{
        float: inherit;
        width: 100%;
        padding-left: 0;
    }

    .aside_right .c_tit{
        position: absolute;
        padding: 0;
        width: 100%;
        height: auto;
        top: 30px;
        left: 0;
    }

    .aside_right .col_wrap .col{
        width: 48%;
        margin: 0 4% 20px 0;
    }
    
    .aside_right .col_wrap .col:nth-child(2n){
        margin: 0 0 20px 0;
    }


    /* product_show */

    .product_show{
        padding-top: 50px;
    }

    .aside_right_top{
        position: absolute;
        padding: 0 3%;
        width: 100%;
        height: auto;
        top: 30px;
        left: 0;  
        text-align: left;
    }

    .product_show .aside_right{
        padding: 0;
    }

    .aside_right_bot{
        flex-direction: column;
        width: 100%;
    }

    .aside_right_bot .pic{
        padding: 0 20%;
        width: 100%;
    }

    .aside_right_bot .info{
        width: 100%;
        padding: 0;
        margin-top: 20px;
    }

    .aside_right_bot .info .tit{
        padding: 0 3%;
        font-size: 18px;
        line-height: 32px;
    }

    .aside_right_bot .info .row{
        padding: 10px 3%;
    }

    .aside_right_bot .info .row p{
        font-size: 16px;
        line-height: 32px;
    }

    .aside_right_bot .info .tip{
        display: inline-block;
        width: 100%;
        text-align: center;
        bottom: -30px;
        color: #999;
    }

    .page .fl{
        width: 100%;
    }

    .page .fl a{
        width: 60%;
        font-size: 14px;
    }


    /* quality */

    .quality_content1{
        margin: 20px 0;
        flex-direction: column;
    }

    .quality_content1 .info{
        padding: 0;
        width: 100%;
        text-align: center;
    }

    .quality_content1 .info h2{
        margin-bottom: 10px;
        font-size: 18px;
    }

    .quality_content1 .info span{
        font-size: 16px;
    }

    .quality_content1 .info p{
        margin-bottom: 20px;
        text-align: left;
    }

    .quality_content1 .pic{
        width: 100%;
    }

    .quality_content2{
        padding: 20px 0;
        height: 120px;
        background-size: cover;
    }

    .quality_content3{
        padding: 0;
        flex-direction: column-reverse;
    }


    /* news */

    .inner_news .index_content3 .c_tit{
        display: block;
    }


    /* news_show */

    .news_show .aside_right_top{
        position: relative;
        top: inherit;
        left: inherit;
        padding: 20px 0;
    }

    .news_show{
        padding-top: 44px;
    }

    .news_show_tit h1{
        padding:  0 0 10px;
        font-size: 18px;
    }

    .news_show_tit span{
        margin: 0 10px 10px;
    }

    .news_show_info{
        padding: 20px 0;
    }

    .news_show_info p{
        font-size: 16px;
        line-height: 30px;
    }


    /* contact */

    .map{
        height: 270px;
    }

    .contact1 .info{
        position: relative;
        top: inherit;
        left: inherit;
        width: 100%;
        height: auto;
        padding: 30px 3%;
    }

    .contact1 .info h2{
        font-size: 18px;
        margin-bottom: 20px;
    }

    .contact1 .info p{
        font-size: 14px;
    }
    
    .contact1 .info span{
        margin-top: 20px;
    }
    
    .contact2 .comment{
        margin-top: 20px;
    }

    .contact2 .comment input{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        line-height: 44px;
        font-size: 16px;
    }

    .contact2 .comment textarea{
        font-size: 16px;
    }
}